<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>团队展示|蜗牛宠物领养平台</title>

    <link rel="shortcut icon" th:href="@{/asserts/images/favicon.ico}" type="image/x-icon"/>
    <!-- Bootstrap的css -->
    <link rel="stylesheet" th:href="@{/asserts/bootstrap3.4.1/css/bootstrap.min.css}">
    <!-- jQuery本地-->
    <script th:src="@{/asserts/js/jQuery-3.6.0.js}"></script>
    <!-- 加载本地js -->
    <script th:src="@{/asserts/bootstrap3.4.1/js/bootstrap.min.js}"></script>
    <!-- 加载common.css -->
    <link rel="stylesheet" th:href="@{/asserts/css/common.css}"/>
    <!-- 加载页头页尾css -->
    <link rel="stylesheet" th:href="@{/asserts/css/top.css}"/>
    <link rel="stylesheet" th:href="@{/asserts/css/foot.css}"/>
    <!-- 加载页头页尾js -->
    <script th:src="@{/asserts/js/top.js}"></script>

    <!--引入本頁面的css-->
    <link rel="stylesheet" th:href="@{/asserts/css/teamDetail.css}"/>

</head>
<body>
<!-- 页头 -->
<nav th:replace="nav::headerBar"></nav>
<div style="height: 20px"></div>
<div class="container">
    <section id="page-breadcrumb">
        <div class="vertical-center sun">
            <div class="container">
                <div class="row">
                    <div class="action">
                        <div class="col-sm-12">
                            <h1 class="title">Portfolio</h1>
                            <p>Be Creative</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="portfolio-information" class="padding-top">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <img th:src="@{'https://woniu-adopt.oss-cn-hangzhou.aliyuncs.com/adoptImages/'+${teamList[0].pic}}" class="img-responsive" alt="">
                </div>
                <div class="col-sm-6">
                    <div class="project-name overflow">
                        <h2 class="bold" th:text="${teamList[0].managerName}"> </h2>
                        <div style="height: 10px"></div>
                        <h3 style="color: #dab074" th:text="${teamList[0].typeName}"></h3>
                        <div style="height: 10px"></div>

                    </div>
                    <div class="project-info overflow" style="height: 239px;">
                        <h3>个人介绍</h3>
                        <div style="height: 20px"></div>
                        <p th:text="${teamList[0].introduce}"></p>
                        <div style="height: 10px"></div>
                    </div>
                    <div class="skills overflow">
                        <h3>个人寄语</h3>
                        <div style="height: 20px"></div>

                        <p th:text="${teamList[0].message}"></p>
                    </div>
                    <div style="height: 20px"></div>
                    <div class="live-preview">
                        <a th:href="@{/team/teamList}" class="btn btn-common uppercase">查看其他成员</a>
                    </div>
                    <div style="height: 50px">
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- 页尾 -->
<footer th:replace="nav::footBar"></footer>
</body>
<script>
    let now = 1;
    let size = 3;
    function getTeamList() {
        let url = 'http://localhost:9009/team/teamList';
        console.log(url);
        $.ajax({
            url: url,
            type: "GET",
            async: true,
            data: {
                "now": this.now,
                "size": this.size
            },
            dataType: "json",
            success:function (data){
                alert("查询成功");
                console.log(data)
            },
            error:function (err){
                console.log("arr")
            }
        })
    }
</script>
</html>